<template>
  <div class="home-page">
    <Banner :bannerLists="bannerLists"></Banner>
    <Notice></Notice>
    <GoodLists theme="3"></GoodLists>
    <FooterNav></FooterNav>
  </div>
</template>

<script>
import Banner from '_c/Banner'
import Notice from '_c/Notice'
import GoodLists from '_c/GoodLists'
import FooterNav from '_c/FooterNav'

export default {
  name: 'home',
  components: {
    Banner,
    Notice,
    GoodLists,
    FooterNav
  },
  data () {
    return {
      bannerLists: [
        {
          id: 1,
          imgUrl: 'http://static.ydcss.com/uploads/ydui/1.jpg'
        },
        {
          id: 2,
          imgUrl: 'http://static.ydcss.com/uploads/ydui/2.jpg'
        },
        {
          id: 3,
          imgUrl: 'http://static.ydcss.com/uploads/ydui/3.jpg'
        }
      ]
    }
  }
}
</script>
<style lang="less" scoped>
.home-page {
  padding-bottom: 1rem;
}
</style>
